<%--
  Created by IntelliJ IDEA.
  User: 14408
  Date: 2022/1/10
  Time: 14:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>注册页面</title>
    <style>
        table,tr,td,th{
            border: 1px black solid;
        }
    </style>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<form action="/regist/insert.do" method="post">
    <table align="center">
        <tr>
            <td colspan="3" align="center">请填写用户信息</td>
        </tr>
        <tr>
            <th>用户名:</th>
            <td><input type="text" name="name" id="name"></td>
            <td><span id="prompts">请输入你的昵称</span></td>
        </tr>
        <tr>
            <th>密&nbsp;码：</th>
            <td><input type="password" name="pwd"></td>
            <td>长度必须大于5个小于16个字符，只能为英语字，数字</td>
        </tr>
        <tr>
            <th>确认密码：</th>
            <td><input type="password"></td>
            <td>请将输入的密码再次输入</td>
        </tr>
        <tr>
            <th>真实姓名：</th>
            <td><input name="realname" type="text"></td>
            <td>请填写你的真实姓名</td>
        </tr>
        <tr>
            <th>性&nbsp;&nbsp;别</th>
            <td>
                男<input name="sex" value="男" type="radio">
                女<input name="sex" value="女" type="radio">
            </td>
            <td>请填写你的真实信息</td>
        </tr>
        <tr>
            <th>年&nbsp;&nbsp;龄</th>
            <td><input type="text" name="age"></td>
            <td>请填写你的真实信息</td>
        </tr>
        <tr>
            <th>身份证号</th>
            <td><input type="text" name="idnumber"></td>
            <td>请填写你的真实信息</td>
        </tr>
        <tr>
            <th>家庭住址</th>
            <td><input name="address" type="text"></td>
            <td>请填写你的真实信息</td>
        </tr>
        <tr>
            <th>电话号码</th>
            <td><input name="phone" type="text"></td>
            <td>请填写你的真实信息(格式为123455678909)</td>
        </tr>
        <tr>
            <th>电子邮箱</th>
            <td><input type="text" name="email"></td>
            <td>请填写你的真实邮箱地址，以便我们为你提供有效的服务</td>
        </tr>
        <tr>
            <th>邮政编码</th>
            <td><input name="postcode" type="text"></td>
            <td>请填写你的真实信心(格式为11111）</td>
        </tr>
        <tr>
            <td colspan="3" align="center"><input type="submit" value="注册"></td>
        </tr>
    </table>
</form>

<script>
    $(function (){
        $('#name').blur( function (){
                $.ajax({
                    type:"GET",
                    url:"http://localhost:8080/regist/checkNmae.do",
                    data:{name:$('#name').val()},
                    success: function (result) {
                        console.log(result)
                        if (result === "true") {
                            console.log("可以使用")
                            $("#prompts").html("<font color='red'>可以使用</font>");
                        } else {
                            console.log("一杯")
                            $("#prompts").html("<font color='green'>用户名已经被注册</font>");
                        }
                    }
                })
        }

        )
    })
</script>
</body>
</html>
